@import "./mixin.styl"
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input
  margin: 0
  padding: 0
  border: 0
  font-size: 100%
  font-weight: normal
  vertical-align: baseline

/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure,
footer, header, menu, nav, section
  display: block

body
  line-height: 1

blockquote, q
  quotes: none

blockquote:before, blockquote:after,
q:before, q:after
  content: none

table
  border-collapse: collapse
  border-spacing: 0

/* custom */

a
  color: #7e8c8d
  -webkit-backface-visibility: hidden
  text-decoration: none

li
  list-style: none

i,b
  font-style: normal

body
  -webkit-text-size-adjust: none
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

// 表格基本样式
.ant-descriptions-bordered .ant-descriptions-item-label {
    background-color: #fafafa;
    text-align: center;
}
.cluster
  .ant-card-head-title
   padding 0 0 !important
   display block
  .cardTitles
    margin-top 10px
    .ant-btn
      float right
      vertical-align middle
      margin-left 10px
      margin-top  -2px
    .anticon
      vertical-align middle
      margin-right 5px    
    span 
      display inline-block
      vertical-align middle
  .caozykeys 
      margin-right 20px
  .tools 
    margin-right 10px
    color #2d8cf0 
    // display inline-block
    vertical-align middle
  .ivu-card-bordered 
    border none
  .tips 
    font-size 14px
    color #999
  .search 
    font-size 16px
    .anticon 
      margin-right 2px


// 基本信息 表单信息公共样式
.baseInfo
    height 100%
    width 100%
    .inform-form
        position relative
        width 100%
        height 100%;
    .basic-form 
        pos(0, none, 65px, 0, 1, 0)
        width 65%
        .form-title
            padding 0 16px
            height 44px
            line-height 44px
            color #40a9ff
            border-bottom 1px solid #ededed
            .anticon
                margin-right 10px
        .form-content
            pos(57px, 0, 0, 0, 1, 0)
            model(none, none, none, 7px 15px 0, -1, 3)
        .ant-col-12
            padding-left 0 !important
        .ant-col-24
            padding-left 0 !important
    .ant-tabs
        pos(0, 0, 65px, none, 1, 0)
        width 35%
        padding-left 15px
        .ant-tree
            overflow-y auto
            pos(6px, 10px, 0, 15px, 1, 0)
    .form-opt
        pos(none, 0, 0, 0, 1, 0)
        text-align center
        padding 15px 0
    //查看页面组件禁用消除置灰
    .ant-select-disabled
      color rgba(0, 0, 0, 0.65)
      .ant-select-selection
        background  #fff
    .ant-input[disabled]
      color rgba(0, 0, 0, 0.65)
      background-color #fff
    .ant-radio-disabled + span
      color rgba(0, 0, 0, 0.65)
//修改个人信息弹窗组件
.update-info
  //部分组件禁用消除置灰
  .ant-input[disabled]
    color rgba(0, 0, 0, 0.65)
    background-color #fff

//抽屉自定义样式
.drawerinfo
  .drawer-opts
    pos(none, 0, 0, 0, 1, 0)
    border-top 1px solid #e9e9e9
    padding 10px 16px
    background #fff
    text-align right
    z-index 1
    .ant-btn
      margin-left 8px
      height 32px

.inform-form
    padding-right 10px
    height 350px
    overflow-x hidden
    overflow-y auto

// 用户管理页面样式重置
.userManagement
  .ant-calendar-picker
    display:block
  .ant-tabs
    height 100%
  .ant-card-body
    padding: 24px;
    zoom: 1;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 74px;
  .ant-tabs-tabpane
    height 100%
  .ant-tabs .ant-tabs-top-content, .ant-tabs .ant-tabs-bottom-content
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding-top: 56px;
  .card-container
    height 100%
    .ant-tabs-bar
      border-bottom: 1px solid #a6d3fa;
      position: absolute;
      top: 0;
      z-index: 99
      width: 100%
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab
      padding: 0px 25px;
      line-height: 38px;
      background: #ffffff;
      border: none;
      border-bottom: 1px solid #a6d3fa;
      border-radius: 4px 4px 0 0;
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active
      height: 40px;
      color: #ffffff;
      background: #2191fd;
      border-color: #2191fd;
      border:none;
  .list
    .ant-input
      border: none !important;
      box-shadow: none;
      padding: 0;
      padding-right: 5px;
      padding-left: 0
      font-size: 18px
  .tab-content-right
    .ant-radio-button-wrapper
      border: none
      height: 52px
      padding: 0 20px
      line-height: 36px
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within
      outline: none
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)
      box-shadow:none;
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before
      opacity: 0;
      display: none
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)
      background:url(../images/tab-bg.png) no-repeat;
      background-size: 100% 100%
    .ant-radio-button-wrapper:not(:first-child)::before
      display: none
    .ant-table-wrapper
      zoom: 1;
      width: 100%;
      position: relative;
    .ant-checkbox-wrapper
      margin-right: 15px;
//描述自定义样式
.ant-descriptions-bordered
    .ant-descriptions-item-label
      width 132px
      vertical-align middle
      &:last-child
        word-break break-all
    .ant-descriptions-item-content
      &:last-child
        word-break break-all
//用户信息弹框样式
.userdetail
  .ant-modal-body
    padding-top:0px
.systemContent
  .ant-tabs-bar
    border-bottom: 1px solid #a6d3fa;
  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab
    padding: 0px 25px;
    line-height: 38px;
    background: #ffffff;
    border: none;
    border-bottom: 1px solid #a6d3fa;
    border-radius: 4px 4px 0 0;
  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active
    height: 40px;
    color: #ffffff;
    background: #2191fd;
    border-color: #2191fd;
    border:none;
.group-content
  .group-list
    .ant-input
      border: none !important;
      box-shadow: none;
      padding: 0;
      padding-right: 5px;
      padding-left: 5px;
      font-size: 18px;
//普通管理员
.container-content
  .ant-dropdown-placement-bottomRight
    min-width:150px
  .content-box
    .select-date-content
      margin-bottom:0px !important;
  .product-list-content
    li
      display inline-block;
      margin-right 35px;
  .select-date-content .product-title
    top: -11px !important;
.serve-content
  .ant-calendar-picker
    display: block;
.ant-calendar-time-picker-btn
  display: none !important;
